<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>购物车</title>
    <link rel="stylesheet" href="../styles/checkbox3.min.css">
    <link rel="stylesheet" href="../librarys/font-awesome-4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../styles/css-mb.css">
</head>
<body>
<div class="shop-cart-title">购物车（10）</div>
<div class="index-line"></div>
<!--内容-->
<div class="shop-cart-container">
    <div class="shop-cart-container-container">
        <!--标题-->
        <div class="shop-cart-container-shop">
            <div class="checkbox3 checkbox-success checkbox-inline checkbox-check checkbox-round pl15">
                <input id="checkbox-fa-1" class="input-onclick input-checked" type="checkbox" value="1" name="box">
                <label for="checkbox-fa-1">
                    <a href="shop-mb.html" class="shop-cart-container-shop-title"><em>PIXELFILM婚礼摄影工作室<i class="fa fa-angle-right fa-lg"></i></em></a>
                    <!--<a href="#">编辑</a>-->
                </label>
            </div>
        </div>
        <!--具体订单-->
        <div class="shop-cart-container-list">
            <div class="shop-cart-container-list-container">
                <div class="shop-cart-container-list-left">
                    <div class="checkbox3 checkbox-success checkbox-inline checkbox-check checkbox-round shop-cart-content-title-all">
                        <input id="checkbox-fa-2" class="input-onclick input-checked" type="checkbox" value="1" name="box">
                        <label for="checkbox-fa-2" class="shop-cart-content-title-label">
                            <a href="detail-mb.html" class="shop-cart-container-shop-title"><img src="../images/detail(mb)-banner.jpg"></a>
                        </label>
                    </div>
                </div>
                <div class="shop-cart-container-list-right">
                    <div class="shop-cart-container-list-title">
                        <p>婚礼摄影跟拍单机位</p>
                        <p>类型：单机位</p>
                        <p><i>¥3999.00</i><del>¥4300</del><em>×1</em></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="index-line"></div>
    </div>
    <div class="shop-cart-container-container">
        <!--标题-->
        <div class="shop-cart-container-shop">
            <div class="checkbox3 checkbox-success checkbox-inline checkbox-check checkbox-round pl15">
                <input id="checkbox-fa-3" class="input-onclick input-checked" type="checkbox" value="1" name="box">
                <label for="checkbox-fa-3">
                    <a href="shop-mb.html" class="shop-cart-container-shop-title"><em>PIXELFILM婚礼摄影工作室<i class="fa fa-angle-right fa-lg"></i></em></a>
                    <!--<a href="#">编辑</a>-->
                </label>
            </div>
        </div>
        <!--具体订单-->
        <div class="shop-cart-container-list">
            <div class="shop-cart-container-list-container">
                <div class="shop-cart-container-list-left">
                    <div class="checkbox3 checkbox-success checkbox-inline checkbox-check checkbox-round shop-cart-content-title-all">
                        <input id="checkbox-fa-4" class="input-checked" type="checkbox" value="1" name="box">
                        <label for="checkbox-fa-4" class="shop-cart-content-title-label">
                            <a href="detail-mb.html" class="shop-cart-container-shop-title"><img src="../images/detail(mb)-banner.jpg"></a>
                        </label>
                    </div>
                </div>
                <div class="shop-cart-container-list-right">
                    <div class="shop-cart-container-list-title">
                        <p>婚礼摄影跟拍单机位</p>
                        <p>类型：单机位</p>
                        <p><i>¥3999.00</i><del>¥4300</del><em>×1</em></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="shop-cart-container-list">
            <div class="shop-cart-container-list-container">
                <div class="shop-cart-container-list-left">
                    <div class="checkbox3 checkbox-success checkbox-inline checkbox-check checkbox-round shop-cart-content-title-all">
                        <input id="checkbox-fa-5" class="input-checked" type="checkbox" value="1" name="box">
                        <label for="checkbox-fa-5" class="shop-cart-content-title-label">
                            <a href="detail-mb.html" class="shop-cart-container-shop-title"><img src="../images/detail(mb)-banner.jpg"></a>
                        </label>
                    </div>
                </div>
                <div class="shop-cart-container-list-right">
                    <div class="shop-cart-container-list-title">
                        <p>婚礼摄影跟拍单机位</p>
                        <p>类型：单机位</p>
                        <p><i>¥3999.00</i><del>¥4300</del><em>×1</em></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="index-line"></div>
    </div>

</div>
<!--底部固定导航栏-->
<div class="shop-cart-foot">
    <div class="checkbox3 checkbox-success checkbox-inline checkbox-check checkbox-round shop-cart-foot-checked-box">
        <input id="checkbox-fa-0" class="input-onclick-all" type="checkbox" value="1" name="box">
        <label for="checkbox-fa-0" class="shop-cart-foot-label">
            <span class="shop-cart-foot-all">全选</span>
        </label>
    </div>
    <div class="shop-cart-foot-right">
        <p>合计：<i>¥3999.00</i></p>
        <a href="order-confirmation-mb.html" class="shop-cart-foot-account">结算(2)</a>
    </div>
</div>

<script src="../scripts/jquery-1.10.1.min.js"></script>
<script>
    $(document).ready(function () {
        $('.input-onclick').click(function () {
            this.value == 1 ? this.value = 2 : this.value = 1;
            var checkboxs= $(this).parent().parent().nextAll().find('input.input-checked');
            for (var i = 0; i < checkboxs.length; i++) {
                if (this.value == 1){
                    checkboxs[i].checked = false;
                } else {
                    checkboxs[i].checked = true;
                }
            }
        });
        $('.input-onclick-all').click(function () {
            this.value == 1 ? this.value = 2 : this.value = 1;
            var checkboxs= $(this).parents('.shop-cart-foot').siblings('.shop-cart-container').find('input.input-checked');
            for (var i = 0; i < checkboxs.length; i++) {
                if (this.value == 1){
                    checkboxs[i].checked = false;
                } else {
                    checkboxs[i].checked = true;
                }
            }
        });
//        $ (".qianzheng1-main-visa-people-minus").click (function ()
//        {
//            doDeal(this,true);
//            return false;
//        });
//
//        $(".qianzheng1-main-visa-people-plus").click (function ()
//        {
//            doDeal(this);
//            return false;
//        });
//        function doDeal(src,subtract){
//            var num_obj = $(src).parent().find('input');
//            var num = parseInt(num_obj.val());
//            var money_obj = $(src).parent().parent().next();
//            var money = parseInt(money_obj.text());
//            if(subtract){
//                if(num==1){
//                    return false;
//                }
//                num--;
//                money-=parseInt(money_obj.attr('data-money'));
//            }
//            else{
//                num++;
//                if(typeof(money_obj.attr('data-money'))=='undefined'){
//                    money_obj.attr('data-money',money);
//                }
//                money+=parseInt(money_obj.attr('data-money'));
//            }
//            num_obj.val(num);
//            money_obj.text(money);
//        }
//        function doDealAll(src) { //全选整体结算功能
//            var checked = $('.shop-cart-content').find('input.input-checked');
//            var quantity = checked.
//
//        }
    });
</script>
</body>
</html>